<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <title>confirmOrder</title>
    <link rel="StyleSheet" href="/css/mypetstore.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="~{common/top}"></div>
<div id="Content">
    <div id="Catalog" >Please confirm the information below and then press continue...
        <form method="post" id="shippingForm" th:object="${order}">
            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="center" valign="middle">

                        <table style="background-color:lightskyblue; margin:auto">
                    <tr>
                        <th align="center" colspan="2">
                            <font size="4"><b>Order</b></font><br />
                            <font size="3"><b th:text="${order.orderDate}"></b></font>
                        </th>
                    </tr>
                    <tr>
                        <th colspan="2">Billing Address</th>
                    </tr>
                    <tr>
                        <td>First name:</td>
                        <td th:text="${order.billToFirstName}"></td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td th:text="${order.billToLastName}"></td>
                    </tr>
                    <tr>
                        <td>Address 1:</td>
                        <td th:text="${order.billAddress1}"></td>
                    </tr>
                    <tr>
                        <td>Address 2:</td>
                        <td th:text="${order.billAddress2}"></td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td th:text="${order.billCity}"></td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td th:text="${order.billState}"></td>
                    </tr>
                    <tr>
                        <td>Zip:</td>
                        <td th:text="${order.billZip}"></td>
                    </tr>
                    <tr>
                        <td>Country:</td>
                        <td th:text="${order.billCountry}"></td>
                    </tr>

                    <tr>
                        <th colspan="2">Shipping Address</th>
                    </tr>
                    <tr>
                        <td>First name:</td>
                        <td th:text="${order.shipToFirstName}"></td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td th:text="${order.shipToLastName}"></td>
                    </tr>
                    <tr>
                        <td>Address 1:</td>
                        <td th:text="${order.shipAddress1}"></td>
                    </tr>
                    <tr>
                        <td>Address 2:</td>
                        <td th:text="${order.shipAddress2}"></td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td th:text="${order.shipCity}"></td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td th:text="${order.shipState}"></td>
                    </tr>
                    <tr>
                        <td>Zip:</td>
                        <td th:text="${order.shipZip}"></td>
                    </tr>
                    <tr>
                        <td>Country:</td>
                        <td th:text="${order.shipCountry}"></td>
                    </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <button type="button" id="back" onclick="goBack()"> &lt; Back</button>
            <script th:inline="javascript">
                function goBack() {
                    history.go(-1);
                }
            </script>
            <a th:href="@{/order/viewOrder}">
                <button type="button" id="confirm">Confirm</button>
            </a>
        </form>
    </div>
</div>
<div th:replace="~{common/bottom}"></div>
</body>
</html>
